<template>
  <section class="leadership-area about-leadership">
    <div class="container">
      <div class="row">
        <div class="col-lg-12">
          <div class="leadership-title text-center">
            <h3 class="title">Meet the leadership</h3>
          </div>
        </div>
      </div>
      <div class="row justify-content-center">
        <div class="col-lg-4 col-md-6 col-sm-9">
          <div class="leadership-item mt-30">
            <div class="leadership-thumb">
              <img src="/assets/images/team-1.jpg" alt="">
              <div class="social">
                <a href="#"><i class="fa fa-plus"></i></a>
                <ul>
                  <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
            <div class="leadership-content text-center">
              <h4>Kevin SMith</h4>
              <span>Contractor</span>
              <p>There are many of lorem ipsum available but the have in some form, by injected humour.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-9">
          <div class="leadership-item mt-30">
            <div class="leadership-thumb">
              <img src="/assets/images/team-2.jpg" alt="">
              <div class="social">
                <a href="#"><i class="fa fa-plus"></i></a>
                <ul>
                  <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
            <div class="leadership-content text-center">
              <h4>Jessica brown</h4>
              <span>Contractor</span>
              <p>There are many of lorem ipsum available but the have in some form, by injected humour.</p>
            </div>
          </div>
        </div>
        <div class="col-lg-4 col-md-6 col-sm-9">
          <div class="leadership-item mt-30">
            <div class="leadership-thumb">
              <img src="/assets/images/team-3.jpg" alt="">
              <div class="social">
                <a href="#"><i class="fa fa-plus"></i></a>
                <ul>
                  <li><a href="#"><i class="fa fa-facebook-f"></i></a></li>
                  <li><a href="#"><i class="fa fa-twitter"></i></a></li>
                  <li><a href="#"><i class="fa fa-instagram"></i></a></li>
                </ul>
              </div>
            </div>
            <div class="leadership-content text-center">
              <h4>david cooper</h4>
              <span>Contractor</span>
              <p>There are many of lorem ipsum available but the have in some form, by injected humour.</p>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div class="shape animated wow fadeInRight" data-wow-duration="1500ms" data-wow-delay="0ms">
      <img src="/assets/images/shape/shape-13.png" alt="">
    </div>
  </section>
</template>

<script>
    export default {
        name: "LeadershipPage"
    }
</script>

<style scoped>

</style>
